使用bootstrap table组件,原来使用的get请求,后需要改为post,
参数method改为post,发现后台无法接收到请求,
查阅api后发现,需要定义数据编码类型,contentType
bootstrap table默认是application/json
修改为application/x-www-form-urlencode后后台可以正常接收到参数.
$('#exampleTable') .bootstrapTable( { method : 'post', // 服务器数据的请求方式 get or post url : dispatchPrefix + "/listByConId", // 服务器数据的加载地址 striped : true, // 设置为true会有隔行变色效果 dataType : "json", // 服务器返回的数据类型 pagination : true, // 设置为true会在底部显示分页条 // queryParamsType : "limit", // //设置为limit则会发送符合RESTFull格式的参数 singleSelect : false, // 设置为true将禁止多选 iconSize : 'outline', toolbar : '#exampleToolbar', contentType : "application/x-www-form-urlencoded", //发送到服务器的数据编码类型 pageSize : 10, // 如果设置了分页,每页数据条数 pageNumber : 1, // 如果设置了分布,首页页码 sortable : true, order : 'desc', search : false, // 是否显示搜索框 //showColumns : true, // 是否显示内容下拉框(选择显示的列) //sidePagination : "client", // 设置在哪里进行分页,可选值为"client" 或者 sidePagination : "server", // "server" queryParams : function(params) { params.order=params.order=='desc'?'asc':'desc';//反转排序规则,默认第一次点击倒序 if(typeof(params.sort)=='undefined'){//默认创建时间倒叙 params.sort='create_time'; params.order='desc'; } return { limit : params.limit, offset : params.offset, /*sort : 'file_number_id', order : 'desc',*/ /*name : $('#searchName').val(), sort : 'gmt_create', order : 'desc',*/ //sourceOrganName : $("#sourceOrganName").val(), subject : $("#subject").val(), gwConId : conId, title : titleOut, number : numberOut, drafter : drafterOut, issuer : issuerOut, dept : deptOut, year : yearOut, type : typeOut, state : stateOut==''?normalState.toString():stateOut, worry : worryOut, month : monthOut, sort : ifUndifinedToString(params.sort), order : ifUndifinedToString(params.order) }; }, // queryParams : queryParams, // //请求服务器数据时,你可以通过重写参数的方式添加一些额外的参数,例如 toolbar 中的参数 如果 // queryParamsType = 'limit' ,返回参数必须包含 // limit, offset, search, sort, order 否则, 需要包含: // pageSize, pageNumber, searchText, sortName, // sortOrder. // 返回false将会终止请求 columns : [ { title : '序号', field : 'id', width : "80px", align : 'center', formatter : function(value, row, index) { //return index + 1; var pageSize = $('#exampleTable').bootstrapTable('getOptions').pageSize; //通过表的#id 可以得到每页多少条 var pageNumber = $('#exampleTable').bootstrapTable('getOptions').pageNumber; //通过表的#id 可以得到当前第几页 return pageSize * (pageNumber - 1) + index + 1; //返回每条的序号: 每页条数 * (当前页 - 1 ) } }, { field : 'fileNumberName', title : '文件编号', sortable : true /*sortable : true*/ }, { field : 'processInstName', title : '标题' }, { field : 'createDeptName', title : '发起部门' }, { field : 'createUserName', title : '拟稿人' }, { field : 'createTime', title : '创建时间', formatter : function(value, row, index) { if (value == null) { return ""; } var offlineTimeStr = changeDateFormat(value); return offlineTimeStr; }, sortable : true }, { title : '操作', field : 'id', align : 'center', formatter : function(value, row, index) { var e = '<a class="btn btn-primary btn-sm " href="#" mce_href="#" title="编辑" ><i class="fa fa-edit"></i></a> '; return e; } } ], onClickRow : function(row) { edit(row.id, row.processInstName); } }); }